<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片懒加载</title>
    <style>
        div{
            height:2000px;
            background-color: #369369;
        }
    </style>
</head>
<script src="../libs/jquery3_1_1.min.js"></script>
<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.js"></script>
<script>
    $(function () {
        $('img').lazyload();
    });
</script>
<body>
    <div></div>
    <img data-original="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1496820550855&di=2d67b04d4cfaca1b4adc1836a12ef72a&imgtype=0&src=http%3A%2F%2Fg.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2F58ee3d6d55fbb2fb6d35690b4b4a20a44623dc88.jpg" alt="" width="500">
</body>
</html>